<template>
	<view class="main_layout">
		<u-navbar title="列表页面" :autoBack="true" :fixed="true" :placeholder="true" :border="true"/>
	<!-- 	<view class="text-red text-cut margin-top-lg" v-for="(item, index) in rollList" :key="index">
			{{item.title}}
			<u--image width="400rpx" height="200rpx"  :src="item.image"></u--image>
		</view> -->
		<demo :image="item.image" :title="item.title" v-for="(item, index) in rollList" :key="index"></demo>
	</view>
</template>

<script>
	import {RollListMixin} from "@/mixin"
	export default {
		mixins:[RollListMixin],
		data() {
			return {
				APIURL:'/api/demo/list',
				pageSize:10,
				query:{},
			};
		},
		onLoad() {
			this.$AppReady.then(()=>{
				this.query = {
					...this.$Route.query
				}
				// 执行下拉函数
				this.upCallback()
			})
		},
	}
</script>

<style lang="scss" scoped>
	.main_layout{
		padding: 0 30rpx;
	}
</style>
